<template>
	<view>
		<u-modal v-model="show" :title-style="{color: 'red'}">
			<view class="slot-content">
				<rich-text :nodes="content"></rich-text>
			</view>
		</u-modal>
		
		<view> 
			<slot @click="open"></slot>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false,
				content: `
						空山新雨后<br>
						天气晚来秋
					`
			}
		},
		methods: {
			open() {
				this.show = true;
			}
		}
	}
</script>

<style lang="scss" scoped>
	.slot-content {
		font-size: 28rpx;
		color: $u-content-color;
		padding-left: 30rpx;
	}
</style>
